
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta content="a2h0n" name="data-spm">
<title>心会员-心理特权派</title>
<link rel="Shortcut Icon" href="${root}favicon.ico" />
<!--[if lt IE 9]>
    <script src="${root}js/html5shiv.js"></script>
    <![endif]-->
<link rel="stylesheet" href="${root}css/vip/index.css">
</head>
<link rel="stylesheet" href='${root}css/common.css' />
<link rel="stylesheet" href='${root}css/course_index.css' />
</head>
<body class="l-mini">
	<!--:include("/inc/course/header.html"){}  -->
	
	
	
	<!-- 轮播图 -->	
	<div id="app">
		<!-- 头部 -->
		<!-- 商品页列表 -->
		<div id="t-product-list">
			<div class="product-list-warp">
				<div class="product-list">
					<h2 class="product_tittle">心教育会员</h2>
					<dl class="product_desc product_mini">
						<dt class="product_desc_name">开通</dt>
						<dt class="product_desc_first">
							<div class="product_desc_first_warp">
								<span class="product_name product_active" data-price="365"
									onselectstart="return false;">12个月</span> <span
									class="product_name" data-price="200" onselectstart="return false;">6个月</span> <span
									class="product_name" data-price="120" onselectstart="return false;">3个月</span>
							</div>

						</dt>
						<dt class="product_desc_last">
							<div class="product_desc_last_warp">
								<span class="product_name" data-price="40" onselectstart="return false;">1个月</span>
								<span class="product_name" data-price="9800" onselectstart="return false;">超级VIP</span>
							</div>
						</dt>

					</dl>
					<dl class="num_desc">
						<dt class="product_desc_name">数量</dt>
						<dt class="num_opear">
							<input class="product_num" type="text" value=1> <span
								class="num_up"> <span class="icon_up"></span></span> <span
								class="num_down"><span class="icon_down"></span></span> <span
								class="msg_error product_hide">最多只能选<em>3</em>份
							</span>
						</dt>

					</dl>
					<dl class="vmp vmp-content vmp-1000020137" style="height: 24px;">
						<dt class="vmp-discount">优惠</dt>
						<ul class="vmp-discount-warp">
							<li class="vmp-discount-list"><img
								src="http://r1.ykimg.com/05100000590ADD89ADC0B0789701D21D"><span>限时加送1个月，相当于0.6元/天</span>
							</li>
						</ul>
					</dl>
					<dl class="vmp-price vmp-content  vmp-1000020137">
						<dt class="vmp-offerPrice-desc">价格</dt>
						<dd class="vmp-offerPrice">
							<span class="vmp-unit">￥</span>
							<span id="price">356</span>.00
						</dd>
						<dd class="vmp-riginPrice product_hide">￥56</dd>
					</dl>
					<!--:if(isEmpty(session.user)){  -->
					<!-- ${root}login?goto=vip/ -->
					<a href="#" style="background-color:#2196F3;" class="buy_btn">购买</a> 
					<!--:}else{  -->
					<!-- ${root}pay/vip -->
					<!-- <a href=" #" class="buy_btn">立即购买</a>  -->
					<!-- <a class="go_vip_active" href="${root}vip/active">会员卡激活></a> -->
					<!--:}  -->
				</div>
			</div>
		</div>
		<!-- 轮播 -->
		<div id="t-full-slider" data-spm="2300653" style="height: 550px;"
			data-spm-max-idx="2">
			<div class="index-main-slider">
				<div class="switch-wrapper" style="width: 100%; height: 550px">
					<ul class="switch-list" style="width: 100%; height: 550px;">
					 	<li class="switch-item" style="width: 100%; height: 550px;background-image: url('${root}images/vip.jpg');;">
							<!-- <a href="" target="_blank"></a> -->
						</li> 
						
					</ul>
					<div class="switch-number">
						<a href="#" class="" data-spm-anchor-id="a2h0n.8224028.2300653.1">1</a><a
							href="#" class="current"
							data-spm-anchor-id="a2h0n.8224028.2300653.2">2</a>
					</div>
				</div>
			</div>
		</div>
		<!-- 热门标签 -->
		<div class="silder">
	        <div class="l-row w">
	            <nav>
	                <ul class="clearfix">
	                    <li><a href="#">热门标签:</a></li>
	                    <li><a href="#">注册系统</a></li>
	                    <li><a href="#">精神分析</a></li>
	                    <li><a href="#">家庭治疗</a></li>
	                    <li><a href="#">认知疗法</a></li>
	                    <li><a href="#">人本</a></li>
	                    <li><a href="#">正念静观</a></li>
	                    <li><a href="#">艺术治疗</a></li>
	                </ul>
	            </nav>
	        </div>
    	</div>
		<!-- vip特权 -->
		<div class=""></div>
	</div>
	<!--:include("/inc/footer.html"){}  -->
	<script type="text/javascript" src="${root}js/jquery.min.js"></script>
	<script type="text/javascript">
	$(function(){
		$(".product_name").click(function(){
			var price = $(this).context.dataset.price;
			$('#price').html(price);
			$('.product_name').removeClass('product_active');
			$(this).addClass('product_active');
		})
		$('.buy_btn').click(function(){
			alert('判断用户有没有登录');
		})
	})
	</script>
</body>
</html>